<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
	  <style>
		 /*1.抓到页面图片元素*/
		 img{
			 /*4.过渡*/
			 transition: transform 1s;
		 }
         /*2.鼠标移动到图片上*/
		 img:hover{
			 /*3.旋转*/
			 transform: rotate(3600deg);
		 }
     </style>
	</head>
	<body>
		<!--1.引入大风车图片以及音频-->
		<img src="img/dfc.jpg" alt="大风车" />
		<audio src="img/dafengche.mp3" autoplay controls></audio>
	</body>
</html>